<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <title>我要发布-话题</title>
	    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
	    <meta content="yes" name="apple-mobile-web-app-capable"/>
	    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	    <meta content="telephone=no" name="format-detection"/>
	    <!-- 引入核心样式 -->
		<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
		<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
		<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
		<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	    <!--当前页面的css-->   
	    <link href="css/meTopicHumor.css" rel="stylesheet">
	    <!-- 引入核心JS -->
		<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/city-picker.min.js"></script>
		<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>

		<!-- mobileSelect -->
		<link rel="stylesheet" type="text/css" href="../plugins/mobileSelect/mobileSelect.css">
		<script src="../plugins/mobileSelect/mobileSelect.js" type="text/javascript"></script>
	</head>
	<body>
	  <div id="app">
		<form action="" method="post">
			<div class="topicMain" style="margin-bottom: 1.5rem;">
				<div class="topic-input">
					<div class="topic-title">分站 ：</div>
					<input type="text" class="inputs" id="city-picker" placeholder="请选择分站" readonly v-model="Substation" />
				</div>
				<div class="topic-input">
					<div class="topic-title">发布人 ：</div>
					<input type="text" class="inputs" placeholder="请输入发布人" v-model="issuer" />
				</div>
				<div class="topic-input">
					<div class="topic-title">话题标题 ：</div>
					<input type="text" class="inputs" value="" placeholder="请输入话题标题" v-model="tTitle" />
				</div>
				<div class="topic-input">
					<div class="topic-title">封面图 ：</div>
					<div class="img-warp">
						<div class="imgs-box">
							<ul class="clearfix">
								<div class="ins">
									<li v-for="(item,index) of imglist">
										<img :src="item" class="img">
										<img @click="delPicture(index,item,2)" src="http://appimg.yinsoso.com/me/del.png" class="upload_warp_img_div_del">
									</li>
										<!-- <li></li> 用来生成图片-->
								</div> 
								<li class="imgs-last">
									<span class="add-icon"></span>
									<input type="file" @change="uploadImgs" id="addFileId2" />
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="topic-input" style="margin-bottom: 1.5rem;">
					<div class="topic-title">话题内容<span>(最多200字)</span> ：</div>
					<textarea placeholder="请输入话题内容" class="textareas" maxlength="200"  v-model="content"></textarea>
				</div>
			</div>
			<div class="join-flex">
				<a href="javascript:;" id="cancelBtn"  @click="tCancel">取消</a>
				<a href="javascript:;" id="joinBtn"  @click="tSubmit">提交</a>
			</div>
		</form>
	  </div>
	<script src="js/meTopic.js"></script>
	</body>
</html>
